<template>
  <view>
    <text>唱歌跳舞打篮球</text>
    <br>
    <text selectable>唱歌跳舞打篮球</text>
    <br>
    <text selectable space="ensp">唱歌 跳舞打篮球</text>
    <br>
    <text selectable space="emsp">唱歌 跳舞打篮球</text>
    <br>
    <text selectable space="nbsp" style="font-size: 50px;">唱歌 跳舞打篮球</text>
    <br>
    <text>&amp;</text>
    <view class="box2" hover-class="box2-active">
      <view class="box" :hover-start-time="2000" :hover-stay-time="2000" hover-class="box-active"
            hover-stop-propagation>我是一个大盒子
      </view>
    </view>
    <button>按钮</button>
    <button size="mini">按钮</button>
    <button type="primary">按钮</button>
    <button type="primary" plain>按钮</button>
    <button type="primary" disabled>按钮</button>
    <button loading></button>
    <image src="http://destiny001.gitee.io/image/cxk.gif"></image>
    <image src="http://destiny001.gitee.io/image/cxk.gif" mode="aspectFit"></image>
    <image src="http://destiny001.gitee.io/image/cxk.gif" mode="aspectFill"></image>
  </view>
</template>

<script>
export default {
  onLoad(options) {
    console.log(options)
  }
}
</script>

<style>
.box {
  width: 100px;
  height: 100px;
  background: green;
}

.box2 {
  width: 200px;
  height: 200px;
  background: blue;
}

.box-active {
  background: red;
}

.box2-active {
  background: pink;
}
</style>
